<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript" src="./lib/jquery.js"></script>
    <script type="text/javascript">
        // http://www.liulongbin.top:3006/api/jsonp?
        // callback=jQuery34105174086151731971_1589093752115   回调函数名称
        // &uname=lisi
        // &age=12
        // &_=1589093752116 时间戳，防止浏览器缓存
        // $.ajax({
        //   // 请求地址
        //   url: 'http://www.liulongbin.top:3006/api/jsonp',
        //   // 请求参数
        //   data: {
        //     uname: 'lisi',
        //     age: 12
        //   },
        //   // jsonp属性的值为了迎合后端（后端根据该名称获取回调函数的名字）
        //   // jsonp的值决定了等号左侧的那个名字
        //   // callback=jQuery34105174086151731971_1589093752115
        //   // cb=jQuery34105174086151731971_1589093752115
        //   jsonp: 'callback',
        //   // jsonpCallback决定等号右侧的内容(服务端返回的函数调用的名称)
        //   // callback=jQuery34105174086151731971_1589093752115
        //   // callback=nihao
        //   jsonpCallback: 'nihao',
        //   // 服务端返回的数据格式：json/text/jsonp
        //   dataType: 'jsonp',
        //   // 回调函数
        //   success: function (data) {
        //     console.log(data)
        //   }
        // })
        $.ajax({
            url: 'http://www.liulongbin.top:3006/api/jsonp',
            data: {
                uname: 'lisi',
                age: 12
            },
            jsonp: 'callback',
            jsonpCallback: 'nihao',
            dataType: 'jsonp',
            success: function(res) {
                console.log(res.message)
                console.log(res.data.age)
            }
        })


        // jQuery的$.ajax()跨域请求的返回结果:[函数调用]
        // jQuery34105174086151731971_1589093752115({"message":"JSONP请求测试成功","data":{"uname":"lisi","age":"12"}})
    </script>
</body>

</html>